summaryrefslogtreecommitdiffstats
path: root/layout/js/clean-blog.js
diff options
context:
space:
mode:
Diffstat (limited to 'layout/js/clean-blog.js')
-rw-r--r--layout/js/clean-blog.js41
1 files changed, 41 insertions, 0 deletions
diff --git a/layout/js/clean-blog.js b/layout/js/clean-blog.js
new file mode 100644
index 0000000..2930d5f
--- /dev/null
+++ b/layout/js/clean-blog.js
@@ -0,0 +1,41 @@
+(function($) {
+ "use strict"; // Start of use strict
+
+ // Floating label headings for the contact form
+ $("body").on("input propertychange", ".floating-label-form-group", function(e) {
+ $(this).toggleClass("floating-label-form-group-with-value", !!$(e.target).val());
+ }).on("focus", ".floating-label-form-group", function() {
+ $(this).addClass("floating-label-form-group-with-focus");
+ }).on("blur", ".floating-label-form-group", function() {
+ $(this).removeClass("floating-label-form-group-with-focus");
+ });
+
+ // Show the navbar when the page is scrolled up
+ var MQL = 992;
+
+ //primary navigation slide-in effect
+ if ($(window).width() > MQL) {
+ var headerHeight = $('#mainNav').height();
+ $(window).on('scroll', {
+ previousTop: 0
+ },
+ function() {
+ var currentTop = $(window).scrollTop();
+ //check if user is scrolling up
+ if (currentTop < this.previousTop) {
+ //if scrolling up...
+ if (currentTop > 0 && $('#mainNav').hasClass('is-fixed')) {
+ $('#mainNav').addClass('is-visible');
+ } else {
+ $('#mainNav').removeClass('is-visible is-fixed');
+ }
+ } else if (currentTop > this.previousTop) {
+ //if scrolling down...
+ $('#mainNav').removeClass('is-visible');
+ if (currentTop > headerHeight && !$('#mainNav').hasClass('is-fixed')) $('#mainNav').addClass('is-fixed');
+ }
+ this.previousTop = currentTop;
+ });
+ }
+
+})(jQuery); // End of use strict